BODY { PADDING: 0px; MARGIN: 0 auto; FONT-FAMILY:"微软雅黑","Microsoft YaHei","宋体","SimSun","Hiragino Sans GB","SimHei", "sans-serif"; font-weight:normal; LINE-HEIGHT: 24px; FONT-SIZE: 14px; color:#000; background-color:#ffffff;}
@media screen and (max-width: 1201px) { 
body {width: 1280px} 
}
DIV,UL,LI,P,H1,H2,H3,H4,H5,H6,FORM {PADDING: 0px; MARGIN: 0 auto; FONT-STYLE: normal; FONT-WEIGHT: normal;LIST-STYLE-TYPE: none;}
IMG {BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px;}
EM { FONT-STYLE: normal; FONT-WEIGHT: normal;}
i{FONT-SIZE: 12px; FONT-STYLE: normal; FONT-FAMILY:"SimSun","Hiragino Sans GB","SimHei", "sans-serif";}
p{color:#545253;}
A { color:#000; TEXT-DECORATION: none;}
A:visited {COLOR: #000; TEXT-DECORATION: none;}
A:hover {COLOR: #6aa17a; TEXT-DECORATION: none;}
.blank80 {DISPLAY: block; HEIGHT: 110px; CLEAR: both; OVERFLOW: hidden}
.blank40 {DISPLAY: block; HEIGHT: 40px; CLEAR: both; OVERFLOW: hidden}
.spacer{clear:both; font-size:0; line-height:0;}
.clear {HEIGHT: 0px; CLEAR: both; OVERFLOW: hidden;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1}
hr{clear:both; OVERFLOW: hidden; border:none; border-bottom:1px dashed #D5D5D5; height:1; padding-top:8px;}
.hide{display: none;}
.mar_lr20{ margin:0px 20px 0px 20px;}
.mar_l30{ margin-left:30px;}
.padd_t20{ padding-top:20px;}
.banner{ background:url(img/banner.jpg) no-repeat top center;-moz-background-size:100% 100%; background-size:100% 100%;}
.div1200{ width:1200px; overflow:hidden;}
.logo{ width:1200px; height:730px; padding-top:70px; overflow:hidden;}
.logo ul{ width:2000px }
.logo li{ float:left;}
.search{width:100px;height:45px;padding:0px; margin-left:600px;}
 /*输入框高度设置为40px, border占据2px，总高度为42px*/
.search>input:first-of-type { width: 180px; height: 43px; border: 0px solid #6aa17a; padding-left: 10px; font-size: 16px;outline: none; float:left;}
.search>input:first-of-type:focus { border: 0px solid #6aa17a;}
 /*button按钮border并不占据外围大小，设置高度42px*/
.search>input:last-of-type { width: 100px;  height: 45px; position: absolute; background: #6aa17a; border: 0px solid #6aa17a; color: #fff; font-size: 16px; outline: none; cursor:pointer; }
.Menu{ width:1200px; }
.Menu a{ color:#FFFFFF;}
.toutiao{ width:1200px; margin-top:36px; margin-bottom:36px; text-align:center;}
.toutiao h1{ /*font-size:40px;*/font-size:30px; line-height:45px; font-weight:bold; }
.toutiao h3{ font-size:15px; line-height:28px; text-align:center;}
.toutiao h2{ font-size:16px; line-height:30px;  margin-top:-20px;}
/*要闻区*/
.News{ width:410px; float:right; text-align:left; margin-top:-10px;}
.News img{margin:4px 0px 7px 20px; witdh:347px; height:36px;text-align:center;}
.News h3{LINE-HEIGHT: 40px; FONT-SIZE:20px; font-weight:bold;margin-bottom:0.6em;}
.News li{LINE-HEIGHT: 2.2em; FONT-SIZE:19px;white-space:nowrap;text-overflow: ellipsis;
    overflow: hidden; }
.News p{LINE-HEIGHT: 26px; FONT-SIZE: 16px; color:#7A7A7A; padding-top: 10px; padding-bottom: 12px; margin-bottom:15px; border-bottom:1px dashed #B8B8B8;}
.News h5{LINE-HEIGHT: 26px; FONT-SIZE: 14px; text-align:right; padding-top: 20px;}
.News h5 a{ padding-top:3px;padding-bottom:3px; color:#ffffff; background-color:#4589EA; border-radius:20px; TEXT-DECORATION: none;}
.tit1,.tit2,.tit3,.tit4,.tit5,.tit6,.tit7{margin-top: 60px; margin-bottom:30px;}
.tit1 span,.tit2 span,.tit3 span,.tit4 span,.tit5 span,.tit6 span,.tit7 span{ display:block; width:200px; height:75px; margin:0 auto;}
.tit1{background:url(img/title.png) no-repeat center top; height:75px;}
.tit2{background:url(img/title.png) no-repeat center -85px; height:85px;}
.tit3{background:url(img/title.png) no-repeat center -178px; height:85px;}
.tit4{background:url(img/title.png) no-repeat center -274px; height:85px;}
.tit5{background:url(img/title.png) no-repeat center -363px; height:77px;}
.tit6{background:url(img/title.png) no-repeat center -453px; height:80px;}
.tit7{background:url(img/title.png) no-repeat center bottom; height:85px;}
.gg1{width:1197px; overflow:hidden; padding-top:30px; padding-left:3px;}
.gg1 ul{ width:1300px;}
.gg1 li{ width:304px; float:left;}
.gg1 img{width:280px; height:95px; box-shadow: 0px 0px 5px #87A067;}
.gg2{width:1200px; overflow:hidden; margin-top:20px;}
.gg2 img{width:1200px; height:110px;}

/*焦点图*/
.toutu{ width:760px; height:428px; float:left;}
.toutu img{ width:760px; height:428px;}
.v_out{width:760px; height:428px; float:left;position:relative; overflow:visible}
.v_show{width:760px;overflow:hidden;position:relative;height:428px;z-index:1}
.v_cont{ width:7600px;position:absolute;left:0px;top:0px;}
.v_cont ul{text-align:center; line-height:50px; position:relative;}
.v_cont ul li{width:760px;height:428px;background:#f8f8f8;float:left;position:relative;}
.v_cont span a{LINE-HEIGHT: 50px; FONT-SIZE: 18px; color:#FFFFFF; width:760px; background-color: rgba(0,0,0,0.5); position:absolute; left:0; bottom:0; z-index:20;}
.circle{ position:absolute; right: 20px; bottom:20px; z-index:10}
.circle li{width:15px; height:15px; float:left; margin-right:10px; background:#ccc; border-radius: 10px;}
.circle .circle-cur{background:#6aa17a;}
.prev,.next{ LINE-HEIGHT: 60px; FONT-SIZE: 24px; width:40px; text-align:center; color:#cccccc; display:block; background-color: rgba(0,0,0,0.5); position:absolute; top:200px; z-index:10;}
.prev {  left:0; }
.next {  right:0; }
.prev:hover,.next:hover{ background-color: rgba(58,141,73,0.8); color:#ffffff;}
.prev a:hover,.next a:hover{  color:#ffffff;}
.prev a,.next a{ TEXT-DECORATION: none; color:#8CB293;}



/*文明实践*/
.news1{ width:344px; height:440px; padding:20px; border:1px solid #6aa17a; float:left;}
.news1 h4{ font-size:18px; line-height:40px; color:#ffffff; width:110px; display:block; background-color:#6aa17a; border-radius: 10px; text-align:center; margin-top:-40px;}
.news1 h4 a{color:#ffffff;font-weight:bold;}
.news1 img{ width:340px; height:180px; margin-top:15px;}
.news1 center{font-size:18px;}
.news1 h5{LINE-HEIGHT: 28px; FONT-SIZE:22px; padding-top:10px; padding-bottom:10px;}
.news1 p{LINE-HEIGHT: 32px; FONT-SIZE: 18px; }
.news1 li{LINE-HEIGHT: 36px; FONT-SIZE: 16px; padding-left:10px; background:url(img/ico.png) no-repeat left top; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

/*文明培育*/
.news2_l{ width:770px; float:left;}
.news2_l img{ width:370px; height:240px; float:left; margin-right:20px;}
.news2_l h5{LINE-HEIGHT: 28px; FONT-SIZE:22px; padding-top:5px; padding-bottom:10px;}
.news2_l p{LINE-HEIGHT: 32px; FONT-SIZE: 18px; }
.news2_r{ width:400px; float:right;}
.news2_r li{LINE-HEIGHT: 42px; FONT-SIZE: 18px; padding-left:15px; background:url(img/ico.png) no-repeat left top; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

/*文明创建*/
.news3{ height:340px; background-color:#6aa17a;}
.cloud-product-box{width:1200px; height:340px; padding:12px 0px 20px 10px; overflow:hidden;}
.cloud-product-wrapper{margin:0 auto;width:1200px;}
.cloud-product{position:relative;z-index:9;}
.cloud-product-title{text-align:center;line-height:32px;font-size:32px;color:#333}
.cloud-product-explain{margin-top:26px;margin-bottom:82px;height:16px;line-height:16px; text-align:center; font-size:16px;color:#999}
.cloud-product-ul{width:100%}
.cloud-product-ul li{position:relative;margin-left:1px;width:80px;height:340px;float:left;background:#fff}
.cloud-product-ul li:first-child{margin-left:0}
.product-title{ width:80px; text-align:center; cursor:pointer;height:340px;}
.product-title h2{font-size:24px; line-height:30px; padding-top:80px; color:#ffffff;}
.product-title p{font-size:16px; line-height:32px; padding-top:90px; color:#E9E9E9;}
.normal-inner{transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.active-inner{ padding-right:20px; background-color:#6aa17a; color:#FFFFFF; position:relative;display:none;height:100%;-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.cloud-product-ul li.active .active-inner{display:block;-moz-opacity:1;-khtml-opacity:1;opacity:1}
.cloud-product-ul li.active .normal-inner{display:none;-moz-opacity:0;-khtml-opacity:0;opacity:0}
.cloud-product-ul li{-webkit-box-shadow:1px 1px 12px rgba(0,0,0,.08);-moz-box-shadow:1px 1px 12px rgba(0,0,0,.08);box-shadow:1px 1px 12px rgba(0,0,0,.08);-webkit-transition:width .15s linear;-o-transition:width .15s linear;-moz-transition:width .15s linear;transition:width .15s linear}
.cloud-product-ul li.active{z-index:9;width:870px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.2);-moz-box-shadow:0 4px 12px rgba(0,0,0,.2);box-shadow:0 4px 12px rgba(0,0,0,.2)}
.active-inner a{ color:#FFFFFF;}
.active-inner img{ width:430px; height:340px; float:left; }
.active-inner h2{font-size:26px; line-height:65px; text-align:center; color:#D6F7B0; font-weight:bold;}
.active-inner h2 a{color:#D6F7B0;}
.active-inner p{ LINE-HEIGHT: 42px; FONT-SIZE: 18px; padding-left:15px; background:url(img/ico.png) no-repeat left -44px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#FFFFFF;}
.titbg1{ background:url(img/news3_bg.jpg) no-repeat left top;}
.titbg2{ background:url(img/news3_bg.jpg) no-repeat -87px top;}
.titbg3{ background:url(img/news3_bg.jpg) no-repeat -174px top;}
.titbg4{ background:url(img/news3_bg.jpg) no-repeat -261px top;}
.titbg5{ background:url(img/news3_bg.jpg) no-repeat -348px top;}
.wmcj_pic{ width:430px; height:340px; float:left; position:relative; overflow:hidden;margin-right:20px;}
.wmcj_pic h5{LINE-HEIGHT: 42px; FONT-SIZE: 18px; width:100%; bottom:0; background-color: rgba(0,0,0,0.5); text-align:center; position:absolute; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.wmcj_pic h5 a{color: #FFF;}

/*时代新风*/
.news4_l{ width:380px; float:left; position:relative;}
.news4_l img{width:380px; height:240px; margin-bottom:10px;}
.news4_l span{ display:block; text-indent:1em;LINE-HEIGHT: 42px; FONT-SIZE: 18px; width:100%; top:198px; background-color: rgba(0,0,0,0.5); text-align:center; position:absolute; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news4_l span a{ color:#FFFFFF;}
.news4_l h5{LINE-HEIGHT: 28px; FONT-SIZE:22px; padding-top:10px; padding-bottom:10px;}
.news4_l li{LINE-HEIGHT: 42px; FONT-SIZE: 18px; padding-left:15px; background:url(img/ico.png) no-repeat left top; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news4_r{ width:790px; height:510px; float:right;}
.sdxf_pic{ width:380px; height:180px; float:left; margin-top:30px; position:relative; overflow:hidden;}
.sdxf_pic img{ width:380px;}
.sdxf_pic h5{LINE-HEIGHT: 42px; FONT-SIZE: 18px; width:100%; bottom:0; background-color: rgba(0,0,0,0.5); text-align:center; position:absolute; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.sdxf_pic h5 a{color: #FFF;}

 /*时代新风切换滚动*/
.slideGroup{ width:790px; height:280px;}
.slideGroup .parHd{ color:#ffffff; background-color:#6aa17a; height: 46px; line-height: 46px; font-size:18px; text-align:center; position:relative;  }
.slideGroup .parHd ul{ position:absolute; left:40px;}
.slideGroup .parHd ul li{ float:left; padding:0 35px; cursor:pointer;  }
.slideGroup .parHd ul li a{ color:#FFFFFF; font-weight:bold; }
.slideGroup .parHd ul li.on{ background:#2B5F39; color:#D6F7B0; }
.slideGroup .parBd{ padding-top:25px; zoom:1;  }
.slideGroup .slideBox{ overflow:hidden; zoom:1; }
.slideGroup .sPrev,.slideGroup .sNext{ line-height:205px; font-size:28px; color:#40955E; display:block; width:15px; float:left; FONT-FAMILY:"宋体"; font-weight:bold;}
.slideGroup .sPrev a,.slideGroup .sNext a{ color:#66FF99; TEXT-DECORATION: none; }
.slideGroup .sNext{  }
.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ color:#66FF99; TEXT-DECORATION: none;}
.slideGroup .parBd .tempWrap{ float:left;  }
.slideGroup .parBd ul{ overflow:hidden; zoom:1; float:left;  }
.slideGroup .parBd ul li{ margin:0 15px; height:205px; float:left; text-align:center; overflow:hidden; text-align:center; position:relative; }
.slideGroup .parBd span{ine-height:24px; font-size:16px; position:absolute; left:0px; bottom:0px; display:block; width:80px; color:#FFFFFF;}
.slideGroup .parBd i{ position:absolute; left:0px; bottom:0px; background-color:#6aa17a; display:block; width:80px; height:24px; transform: perspective(8px)scale(1.1, 1.3) rotateX(5deg); transform-origin: bottom left;}
.slideGroup .parBd img{ width:160px; height:205px; border-radius: 20px 0px 20px 0px;}

/*温暖视听*/
.news5{ width:1200px; overflow:hidden;}
.news5 img{ width:380px; height:220px;}
.news5 li{ width:380px;  float:left; margin-left:30px; position:relative;}
.news5 li:nth-child(3n+1){ margin-left:0px;}
.news5 h5{ LINE-HEIGHT:26px;  FONT-SIZE: 18px; width:380px; text-align:left;  }
.news5 i{ width:65px; height:65px; top:75px; left:150px; position:absolute;background:url(img/video.png) no-repeat center center;}

/*家乡海南*/
.bg6{ width:1200px; padding-bottom:80px; background:url(img/bg6.png) no-repeat center bottom; overflow:hidden;}
.news6_l{ width:380px; float:left;}
.news6_l li{LINE-HEIGHT: 42px; FONT-SIZE: 18px; padding-left:15px; background:url(img/ico.png) no-repeat left top; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news6_r{ width:820px; float:right;}
.news6_r li{ width:380px; height:240px; float:right; margin-left:30px; position:relative;}
.news6_r img{ width:380px; height:240px;}
.news6_r h5{LINE-HEIGHT: 42px; FONT-SIZE: 18px; bottom:0; width:380px; background-color: rgba(0,0,0,0.5); text-align:center; position:absolute; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news6_r h5 a{color: #FFF;}

/*文明矩阵*/
.news7{width:1200px; background-color:#ffffff; overflow:hidden; padding-bottom:13px;}
.news7 li{ width:135px; height:125px; background-color:#c9e2c5; text-align:center; float:left; margin:13px 0px 0px 13px;}
.news7 img{ width:66px; height:66px;  margin-top:16px;}
.news7 h5{LINE-HEIGHT: 32px; FONT-SIZE: 16px;}
.news7 li:nth-child(2n+1){ background-color:#d8ecd3}
.news7 li:nth-child(3n+1){ background-color:#e7f4e3}
.news7 li:nth-child(4n+1){ background-color:#dae8cf}
.news7MouseOver img{ width:110px !important; height:110px !important;  margin-top:7px !important;}
.news7MouseOver h5{FONT-SIZE: 0px;}

/*友情链接*/
.link{ width:1200px; border-bottom:1px solid #40955E;  }
.tab_menu{ height: 46px; border-bottom:1px solid #40955E; background-color:#D4EDDA; padding-top:10px; color:#155724;}
.tab_menu li{ line-height:46px; font-size:18px; text-align:center; float:left; width:220px; margin:0px 40px 0px 40px;}
.tab_menu li:hover{ background-color:#40955E; color:#ffffff; cursor:pointer; border-radius: 10px 10px 0px 0px;}
.link_txt{ line-height: 32px; font-size:14px; height:210px; padding:10px 10px 20px 30px; background-color:#F7FFF9;}
.link_txt a { color:#3D3D3D;}
.link_txt li{ float:left; display:block; padding-left:10px; padding-right:10px;}
.selected{background-color:#40955E; color:#ffffff; border-radius: 10px 10px 0px 0px;}

/*版权*/
.bottom{  background-color:#6aa17a; padding-bottom:50px;}
.about{background-color:#40955E; line-height:80px; font-size:18px; text-align:center; color:#8DD5A0; margin-bottom:30px;}
.about a{ color:#FFFFFF;}
.Copyright{ line-height:36px; font-size:14px; width:360px; text-align:left; color:#e7ffed;; white-space: nowrap}
.Copyright img{ float:left; margin-right:10px; margin-top:10px;}

/*滚动条样式*/
.scroll{overflow-y:scroll;}
.test-1::-webkit-scrollbar {
  width : 10px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
  .test-1::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius   : 10px;
  background-color: #40955E;
  background-image: -webkit-linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.2) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.2) 50%,
      rgba(255, 255, 255, 0.2) 75%,
      transparent 75%,
      transparent
  );
  }
  .test-1::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #D4EDDA;
  border-radius: 10px;
  }
  
/*跟随页面滚动层（当前是本站微信号二维码）*/
 #box{float:right;position:relative;width:100px;}
 #box .div1{width:100px; height:100;position:fixed;_position:absolute;top:75%; right:2%;z-index:999; }
 #box .div1 img{width:100px; height:100;}
 
 .yihang{
     overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 96%;display: block;
 }